<script lang="ts" setup>
import { useRouter } from 'vue-router';
const router = useRouter();
// function showSetting() {

// }
function setClick(){
  console.log(1111111);
  router.push('/loginout')
}
</script>
<template>
    <main>
      <header class="header">
        <div>
        <van-image src="https://zhekou-background.manmanbuy.com/image/baoliao/20240530230749_2b04d256-910f-4359-af6f-497788587ecb.jpg?x-oss-process=image%2Fformat%2Cjpg%2Fquality%2Cq_80"></van-image>
       <span style="color: white; font-size: 14px;padding:0 10px">star星星 ></span>
      </div>
       <i @click="setClick" style="color: white;" class="iconfont icon-shezhi"></i>
      </header>
      <div class="text">

        <section class="sec">
        <van-grid :border="false">
  <van-grid-item color="orange" icon="balance-pay" text="我的钱包" />
  <van-grid-item icon="star-o" text="红包" />
  <van-grid-item icon="photo-o" text="代金券" />
  <van-grid-item icon="home-o" text="支付账单" />
</van-grid>
</section>

<section>
  <h3>功能服务</h3>
        <van-grid :border="false">
  <van-grid-item color="orange" icon="balance-pay" text="我的钱包" />
  <van-grid-item @click="$router.push('/like')" icon-color="#f66" icon="star" text="我的收藏" />
  <van-grid-item icon="photo-o" text="代金券" />
  <van-grid-item icon="home-o" text="支付账单" />
</van-grid>
</section>

<section>
  <h3>更多推荐</h3>
        <van-grid :border="false">
  <van-grid-item color="orange" icon="balance-pay" text="邀请有奖" />
  <van-grid-item icon="star-o" text="商家开店" />
  <van-grid-item icon="photo-o" text="骑手招募" />
  <van-grid-item icon="home-o" text="同城跑腿" />
</van-grid>
</section>
      </div>
    

    </main>
  
  
  </template>

  <style lang="scss" scoped>
  main{
   background-color: #f7f7f7;
   height: 100%;
  }

  header{
    display: flex;
    height: 120px;
    background-color: #f0944f;
    justify-content: space-between;
    align-items: center;
    padding:0 20px;
  }
   .van-image{
    width: 50px;
    height: 50px;
    position: relative;
    top: 18px;
  }
  section{
    width: 90%;
    margin:5px auto;
    padding: 5px;
    background-color: white;
    border-radius: 10px;
    
  }
  .sec{
    position: relative;
    top: -18px;
    margin-bottom: 0px;
  }
</style>